<template>
  <view class="customer-service-wrapper flex align-center">
    <u--image
      src="/static/mine/icon_customer_service@2x.png"
      width="299rpx"
      height="76rpx"
    ></u--image>
    <view class="customer-service flex flex-y">
      <text>人工客服工作日 9:00-18:00</text>
      <view class="service-button">
        <u-icon name="server-fill"></u-icon>
        <text>联系客服</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
    };
  },
};
</script>

<style lang="scss">
.customer-service-wrapper {
  background-image: linear-gradient(180deg, #bcffa3 0%, #ffffff 100%);
  margin-top: 24rpx;
  padding: 34rpx 18rpx;
  border-radius: 16rpx;
  .customer-service {
    font-weight: 500;
    font-size: 24rpx;
    margin-left: 25rpx;
    color: #333333;
  }
	.service-button{
		background-color: $btn-primary-color;
		border-radius:$border-radius;
		height: 48rpx;
		line-height: 48rpx;
		display: flex;
		align-items: center;
		width: 172rpx;
		justify-content: center;
		text{
			padding-left: 6rpx;
			font-size: 24rpx;
		}
	}
}
</style>
